<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
	<meta charset="utf-8">
	<!-- <meta http-equiv="refresh" content="5"> -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
	<link rel="apple-touch-icon-precomposed" href="57x57.png" />
	<title></title>
	<style type="text/css" media="screen">
		body {
			width: 100%;
			height: 100%;
			margin: 0;
			background: url(bg.png) no-repeat center bottom fixed;
			background-size: cover;
			text-align: center;
			overflow: hidden;
		}

		input{
			display: block;
			margin: 0 auto;
			max-height: 50px;
			height: 44px;
			width: 90%;
			font-size: 14px;
			
		}

		.uname{
			margin-top: 60%;
			border-radius: 5px 5px 0 0;
		}
		.upass{
			border-radius: 0 0 5px 5px;	
		}

		.ubtn{
			margin-top: 40px;
			height: 50px;
			background-color: rgba(255, 255, 255, 0.5);
			border: 1px solid white;
			border-radius: 5px;
			font-size: 20px;
			color: #FF8000;
		}
	</style>

	<script type="text/javascript">
		document.addEventListener("touchmove",function(e){
				e.preventDefault();
		});

		function load() {
			console.log('111111111111111111');

			if (!navigator.onLine) {
				alert("你现在没有网络");
			} else {
				window.applicationCache.addEventListener("updateready", 
					function(){
						window.location.reload()
					}
				);
			}
		}
	</script>
</head>
<body onload="load()">
	<input class="uname" type="text" name="userName" placeholder="用户名">
	<input class="upass" type="password" name="passwd" placeholder="密码">
	<input class="ubtn" type="submit" name="" value="登 录">
</body>
</html>
